<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:ice="http://www.icesoft.com/icefaces/component" template="#{theme.template}">
	<ui:define name="content">
		<ice:panelGroup style="max-width: 800px; margin-left: auto; margin-right: auto">
			<ice:outputText value="Thank you for using ICEfaces." />
			<ice:form partialSubmit="true">
				<ice:dataTable id="employees" value="#{employeeListAction.employeeList}" var="employee" rows="10"
					sortColumn="#{employeeListAction.columnName}" sortAscending="#{employeeListAction.descending}" width="100%">
					<ice:column>
						<f:facet name="header">
							<ice:commandSortHeader columnName="emid">
								<ice:outputText value="Employee Id" />
							</ice:commandSortHeader>
						</f:facet>
						<ice:commandLink actionListener="#{employeeBean.toggleModal}">
							<f:attribute name="emid" value="#{employee.emid}"></f:attribute>
							<ice:outputText value="#{employee.emid}" />
						</ice:commandLink>
					</ice:column>
					<ice:column>
						<f:facet name="header">
							<ice:outputText value="Chinese Name" />
						</f:facet>
						<ice:outputText value="#{employee.chineseName}" />
					</ice:column>
					<ice:column>
						<f:facet name="header">
							<ice:commandSortHeader columnName="screenName">
								<ice:outputText value="English Name" />
							</ice:commandSortHeader>
						</f:facet>
						<ice:outputText value="#{employee.screenName}" />
					</ice:column>
					<ice:column>
						<f:facet name="header">
							<ice:commandSortHeader columnName="perficientLevel">
								<ice:outputText value="Level" />
							</ice:commandSortHeader>
						</f:facet>
						<ice:outputText value="#{employee.perficientLevel}" />
					</ice:column>
					<ice:column>
						<f:facet name="header">
							<ice:commandSortHeader columnName="gdcBaseMonth">
								<ice:outputText value="Base Month" />
							</ice:commandSortHeader>
						</f:facet>
						<ice:outputText value="#{employee.gdcBaseMonth}" />
					</ice:column>
				</ice:dataTable>
				<ice:panelGrid>
					<ice:dataPaginator id="scroll_1" for="employees" fastStep="10" pageCountVar="pageCount" pageIndexVar="pageIndex"
						paginator="true" paginatorMaxPages="6">

						<f:facet name="first">
							<ice:graphicImage url="/xmlhttp/css/rime/css-images/arrow-first.gif" style="border:none;" />
						</f:facet>

						<f:facet name="last">
							<ice:graphicImage url="/xmlhttp/css/rime/css-images/arrow-last.gif" style="border:none;" />
						</f:facet>

						<f:facet name="previous">
							<ice:graphicImage url="/xmlhttp/css/rime/css-images/arrow-previous.gif" style="border:none;" />
						</f:facet>

						<f:facet name="next">
							<ice:graphicImage url="/xmlhttp/css/rime/css-images/arrow-next.gif" style="border:none;" />
						</f:facet>

						<f:facet name="fastforward">
							<ice:graphicImage url="/xmlhttp/css/rime/css-images/arrow-ff.gif" style="border:none;" />
						</f:facet>

						<f:facet name="fastrewind">
							<ice:graphicImage url="/xmlhttp/css/rime/css-images/arrow-fr.gif" style="border:none;" />
						</f:facet>

					</ice:dataPaginator>

				</ice:panelGrid>

			</ice:form>
		</ice:panelGroup>
	
	</ui:define>
</ui:composition>

